// 浅色主题变量
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --text-primary: #333333;
  --text-secondary: #666666;
  --border-color: #e5e5e5;
  --chart-color-1: #5470c6;
  --chart-color-2: #91cc75;
  --chart-color-3: #fac858;
  --chart-color-4: #ee6666;
  --chart-color-5: #73c0de;
}

// 深色主题变量
:root.dark {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --text-primary: #ffffff;
  --text-secondary: #b3b3b3;
  --border-color: #404040;
  --chart-color-1: #7b9dff;
  --chart-color-2: #b8e986;
  --chart-color-3: #ffd666;
  --chart-color-4: #ff7875;
  --chart-color-5: #87e8de;
}

// 全局样式
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color 0.3s, color 0.3s;
}
